﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>个人资料－－个人中心</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"></link>
	<link href="../css/reset.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/common.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/pxmain.css" rel="stylesheet" type="text/css"></link>
	<script type="text/javascript" src="../js/jquery/jquery.js"></script>
    <script type="text/javascript" src="../js/modernizr.js"></script>
	<!--[if IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" ></script>
	<script type="text/javascript">
	DD_belatedPNG.fix('.user-setting,.zan-ico, .ico-hit, .ico-laud, .icon-downlowd, .icon-share,.show-wall .show-pager span ,.model-logo-one');
	</script>
	<![endif]-->
</head>
<body>
	<header class="site-nav fsm">
		<section class="site-menu lfloat">
			<i class="site-logo"></i>
			<ul class="lfloat">
				<li><a href="user-bf.html">天香国色</a></li>
				<li><a href="fashion-hub.html">时尚文化产业园</a></li>
				<li><a href="index.htm">模特行业协会</a></li>
                <li><a href="#">模特</a></li>
                <li><a href="#">主题活动</a></li>
			</ul>
		</section>
		<section class="site-tools rfloat pr mrs">
			<ul class=" site-menu rfloat">
				<li><a href="#">消息(2)</a></li>
				<li><a href="#">好友(3/123)</a></li>
				<li><a href="#">关注(6/223)</a></li>
				<li class="login-info">上午好,小美先生</li>
				<li class="user-setting"></li>
			</ul>
			<ul class="user-menu pa">
				<li class="user-home"><i></i><a href="#">个人主页</a></li>
				<li class="user-favorite"><i></i><a href="#">秘密收藏</a></li>
				<li class="user-data"><i></i><a href="#">档案资料</a></li>
				<li class="user-deal"><i></i><a href="#">我的交易</a></li>
				<li class="user-shop"><i></i><a href="#">我的店铺</a></li>
				<li class="setting"><i></i><a href="#">风格设置</a></li>
				<li class="exit"><i></i><a href="#">退&nbsp;&nbsp;出</a></li>
			</ul>
		</section>
	</header>
	<!----------------top 结束------------------->
    <section class="vip-headerbg">
        <div class="vip-header clearfix">
            <div class="vip-logo lfloat pr">
                <a href="#" class="vip-ico">
                    <img src="../images/demo/userPic1.jpg" alt="" />
                </a>
                <i class="icomore vipmore" style="bottom: 0;left: 50px;"></i>
                <div class="logo-more">
                
                </div>
            </div>
            <nav class="vip-nav lfloat">
            	<ul class="clearfix">
                	<li>
                    	<a href="#" class="b1">首页</a>
                    </li>
                    <li>
                    	<a href="#" class="b2">相簿</a>
                    </li>
                    <li class="c1">
                    	<a href="#" class="b3">中心</a>
                    </li>
                    <li>
                    	<a href="#" class="b4">圈子</a>
                    </li>
                </ul>
            </nav>
        </div>
    </section>
	<section id="page1" class="vipCenter">
    	<section class="section vip-content clearfix">
            <article class="col-sub lfloat">
            	<section class="test-box">
                    <div class="userlogo">
                    	<img src="" alt="" />
                    </div>
                    <ul class="center-nan mtl ac">
                    	<li class="setAccount"><a href="#">账户管理</a></li>
                        <li class="thisNan setUserdata"><a href="#">个人资料</a></li>
                        <li class="setUserlogo"><a href="#">头像管理</a></li>
                    </ul>
                </section>
            </article>
            <section class="col-main lfloat">
            	<header class="center-head mal">
                	<h1 class="userN">
                    	广东十虎
                    </h1>
                    <div class="u-txt mts">
                    	让青春的血液沸腾吧！
                    </div>
                </header>
                <div class="center-body mtxxl">
                	<div class="centerSort pvm">
                    	<a href="#" class="">基本信息</a>
                        <a href="#" class="thissort">教育信息</a>
                        <a href="#" class="">联系信息</a>
                        <a href="#" class="">成长经历</a>
                        <a href="#" class="">兴趣爱好</a>
                    </div>
                    <div class="information-box mtxxl">
                    	<div class="mydata2 pal">
                        	<dl class="education">
                            	<dt>学历</dt>
                                <dd>
                                	<select class="schoolType">
                                    	<option>大学</option>
                                        <option>高中</option>
                                        <option>中专技校</option>
                                        <option>初中</option>
                                        <option>小学</option>
                                    </select>
                                    <div class="schoolName inlineBlock pr"><label class="lfocus">学校名称</label><input type="text" title="输入学校名称" class="ifocus" /></div>
                                    <div class="schoolFaculty inlineBlock pr"><label class="lfocus">院系</label><input type="text" title="输入院系；可以填写学院、班级、系别等信息" class="ifocus" /></div>
                                </dd>
                            </dl>
                            <dl class="pxun mtxxl">
                            	<dt>培训</dt>
                                <dd>
                            		<textarea></textarea>
                                </dd>
                            </dl>
                        </div>
                        <div class="infoFinish pal">
                        	<button type="submit" class="mydata2Btn">保存</button>
                        </div>
                    </div>
                </div>
            </section>
        </section>
    </section>
	<footer id="footer" class="clearfix fcolor1">
			<ul class="footnav">
				<li><a href="#">关于品秀网</a> 　|&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">联系我们</a> 　|&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">商业合作</a>　 |&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">在线咨询</a></li>
			</ul>
			<div class="copyright rfloat ar">
				<p>品秀网@2011　增值电信业务经营许可证：粤B2-20110109</p>
			</div>
	</footer>
    <div class="saveFinish">
    	保存成功
    </div>
<script>
$(function(){
	$("input.ifocus").focus(function(){
		$(this).siblings("label.lfocus").hide();}).blur(function(){
			var val = $(this).val();
			if(val == ""){
				$(this).siblings("label.lfocus").show();	
			}
	});
	
})
</script>
</body>  
</html>